<template>
    <fieldset>
        <legend>ListOne组件</legend>
        <button @click="add">添加</button>
        <ul>
            <li v-for="(item,index) in arr" :key="index">{{item}}</li>
        </ul>
    </fieldset>
</template>

<script>

//子传父的流程
//首先  子传父是通过Vue的事件机制来实现的，需要主动调用$emit进行触发，$emit("自定义的事件函数","要传递的参数")
//在子租价的标签上，通过v-on绑定的add事件用$emit发射的自定义事件,处理父组件的methods中的语句
//在父组件中的methods中，通过形参接受子组件传递的数据
export default {
    data () {
        return {
            arr:["吃饭","睡觉","再睡会","不行还得睡会"]
        }
    },
    methods: {
        add(){
            this.arr.push(this.data)

            this.$emit("to-parent","是个啥") //
        }
    },
    props: ['data'] //props传过来的值是个只读属性，不能修改
}

</script>